/**
 * shuang
 */
import React, { Component } from 'react';

import {
  Platform,
  View,
  Text,
  ScrollView,
  Image,
  Dimensions,
  StyleSheet,
  AppRegistry, SectionList
} from 'react-native';

const screenWidth = Dimensions.get('window').width;
export default class MyIntegralList extends Component {
   constructor(props) {
    super(props);
  }

  render() {
    
    return (
       <ScrollView  backgroundColor='#fab234' style = {{paddingTop:20, height:200}}  >

        <View style ={styles.container}>
            <View style ={{left:20,top:20}}>
              <Image source = {require('./picImages/luntan_wujiaoxing_shi.png')} style = {{ width: scaleSizeToFit(30), height: scaleSizeToFit(30) }} />
            </View>
            <View style = {styles.instructions}>
              <Text style={{fontSize:15}}>收藏帖子</Text>
              <Text style={{fontSize:13}}>积分 +5 每日积分上限15</Text>
            </View>
            <View style={styles.welcome} >
              <Text style={{fontSize:13}}>未完成</Text>
            </View>
          </View>


        </ScrollView>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
     height:70,
     backgroundColor:'#fff',
  },
  welcome: {
    margin: 10,
    top:20,
    left: 20,
    width:60,
    height:20,
  },
  instructions: {
   left:40,
   top:20,
    width:screenWidth - 110,
    height:40,
  },
});

// AppRegistry.registerComponent('AwesomeProject', () => SectionListBasics);

const scaleSizeToFit = (s) => {
   return s * Dimensions.get('window').width / 414;
 }